<!-- template inhertance -->
<extend name="layout/layui24"/>

<!-- styles -->
<block name="linkcss">
    <!--日期-->
    <link rel="stylesheet" href="/Public/home/css/bootstrap-datetimepicker.min.css">
    <!--webuploader-->
    <link rel="stylesheet" href="/Public/webuploader/css/webuploader.css">

    <link rel="stylesheet" href="/Public/home/css/samples/create.css">
</block>

<!-- scripts -->
<block name="linkjs">
    <!--日期-->
    <script src="/Public/home/js/bootstrap-datetimepicker.js"></script>
    <script src="/Public/home/js/bootstrap-datetimepicker.zh-CN.js"></script>
    <!--webuploader-->
    <script src="/Public/webuploader/js/webuploader.js"></script>

    <script src="/Public/home/js/samples/create.js"></script>
</block>

<!-- page title -->
<block name="webtitle">
    <title>样品订单申请</title>
</block>

<!-- navagations -->
<block name="breadcrumb">
    <ol class="breadcrumb breadcrumb-edit">
        <li><a href="index">样品管理</a></li>
        <li class="active">样品订单申请</li>
    </ol>
</block>

<!-- main body -->
<block name="content">
    <form action="" class="layui-form">

        <!--  基本信息  -->
        <div class="layui-form-item">
            <div class="section-grey-table">
                <div class="section-title">基本信息</div>
                <div class="section-body">
                    <table class="table table-bordered table-info">
                        <colgroup>
                            <col width="140">
                            <col>
                            <col width="140">
                            <col>
                        </colgroup>
                        <tbody>
                            <tr>
                                <td class="ti-10">订单号</td>
                                <td>
                                    <input type="text" name="samples_order" class="layui-input" lay-verify="required" placeholder="请输入订单号">
                                </td>
                                <td class="ti-10">样品类型</td>
                                <td>
                                    <select name="samples_type" lay-verify="required">
                                        <option value=""></option>
                                        <option value="免费">免费样品</option>
                                        <option value="付费">付费样品</option>
                                    </select>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!--  产品明细  -->
        <div class="layui-form-item">
            <div class="section-grey-table">
                <div class="section-title">产品明细</div>
                <div class="section-body">
                    <table class="table table-bordered table-detail">
                        <thead>
                            <tr>
                                <th width="51">序号</th>
                                <th width="11%">产品</th>
                                <th width="80">产品经理</th>
                                <th width="80">模块数量</th>
                                <th width="115">客户名称</th>
                                <th width="115">设备品牌</th>
                                <th width="115">设备型号</th>
                                <th>备注</th>
                                <th width="110">要求交期</th>
                                <th width="80">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="ti-10">1</td>
                                <td>
                                    <input type="text" name="details[1][product_model]" class="layui-input" lay-verify="required" >
                                </td>
                                <td class="ti-10">
                                    <input type="hidden" name="details[1][manager_name]" class="layui-input" lay-verify="required" value="产品经理的id"> <!--  选择产品后赋值给此value  -->
                                      <!--  选择产品后将产品经理名字赋值给此td  -->
                                </td>
                                <td>
                                    <input type="text" name="details[1][count]" class="layui-input" lay-verify="required">
                                </td>
                                <td>
                                    <input type="text" name="details[1][customer]" class="layui-input" lay-verify="required">
                                </td>
                                <td>
                                    <select name="details[1][brand]" lay-search>
                                        <option value=""></option>
                                        <volist name="brand" id="vo">
                                            <option value="{$vo.value}">{$vo.name}</option>
                                        </volist>
                                    </select>
                                    <script>
                                        var vendor_brands = '<volist name="brand" id="vo"><option value="{$vo.value}">{$vo.name}</option></volist>';
                                    </script>
                                </td>
                                <td>
                                    <input type="text" name="details[1][model]" class="layui-input">
                                </td>
                                <td>
                                    <input name="details[1][remark]" class="layui-input">
                                </td>
                                <td>
                                    <input type="text" name="details[1][request_delivery]" class="layui-input request_delivery" lay-verify="required">
                                </td>
                                <td class="ti-10">
                                    <button type="button" class="layui-btn layui-btn-sm add-detail-item">
                                        <span class="icon-plus"></span>
                                    </button>
                                    <button type="button" class="layui-btn layui-btn-sm layui-btn-danger cut-detail-item">
                                        <span class="icon-minus"></span>
                                    </button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!--  附件  -->
        <div class="layui-form-item">
            <div class="section-grey-table">
                <div class="section-title">附件</div>
                <div class="section-body">
                    <table class="table table-bordered table-file">
                        <tbody>
                            <tr>
                                <td>
                                    <div id="filePicker"><i class="icon-arrow-up"></i> 上传附件</div>
                                    <div class="uploader-file-queue"></div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!--  按钮  -->
        <div class="layui-form-item">
            <button type="button" class="layui-btn" lay-submit lay-filter="save">保存</button>
            <button class="layui-btn layui-btn-primary">重置</button>
        </div>
    </form>
</block>